<template>
  <div class="header2">
    <div @click="jumpLeft" class="left" v-if="fleft">
      <van-icon :name="icon" />
      <span v-if="leftFlag">返回</span>
    </div>
    <div class="right">
    </div>
    <div class="title">{{title}}</div>
  </div>
</template>
           
<script>
export default {
  //props:['title'],
  props:{
    title:{
      type:String,
      default:'title'
    },
    icon:{
      type:String,
      default:'arrow-left'
    },
    leftFlag:{
      type:Boolean,
      default:true
    },
    fleft:{
      type:Boolean,
      default:true
    }
  },
  methods:{
    //左边点击跳转
    jumpLeft(){
      this.$emit('arrowLeft')
    }
  }
}
</script>
<style scoped  lang='less'>
.header2 {
  .left {
    float: left;
  }
  .title {
    text-align: center;
  }
  .right {
    float: right;
  }
}
</style>